<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>设备类别</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="__HOME_CSS__/font.css">
        <link rel="stylesheet" href="__HOME_CSS__/xadmin.css">
        <script src="__HOME_JS__/echarts.min.js"></script>
        <script src="__HOME_LIB__/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="__HOME_JS__/xadmin.js"></script>
        <!--[if lt IE 9]>
          <script src="__HOME_JS__/html5.min.js"></script>
          <script src="__HOME_JS__/respond.min.js"></script>
        <![endif]-->
    </head>
    
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">后台首页</a>
                <a href="">智能柜管理</a>
                <a>
                    <cite>设备类别</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">

                <div class="layui-col-md12">

                    <div class="layui-card">
                        <div class="layui-card-header">
                            <button class="layui-btn layui-btn-danger" onclick="delAll()">
                                <i class="layui-icon"></i>删除选中</button>
                            <button class="layui-btn" type="button" onclick="xadmin.open('添加分类','{:url('index/device/device_category_add')}',600,400)">
                                <i class="layui-icon"></i>添加</button></div>
                        <div class="layui-card-body ">
                            <table class="layui-table layui-form">
                                <thead>
                                    <tr>
                                        <th>
                                            <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                        </th>
                                        <th>ID</th>
                                        <th>名称</th>
                                        <th>图片</th>
                                        <th>更新时间</th>
                                        <th>操作</th></tr>
                                </thead>
                                <tbody>
                                {volist name="row" id="vo"}
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="id" value="{$vo.id}" lay-skin="primary">
                                        </td>
                                        <td>{$vo.id}</td>
                                        <td>{$vo.name}</td>
                                        <td>{if empty($vo.image)}无{else}<img src="{$vo.image}" style="width: 60px;height: 60px;" alt="">{/if}</td>
                                        <td>{$vo.updatetime|date='Y-m-d H:i:s'}</td>
                                        <td class="td-manage">
                                            <a title="编辑" onclick="xadmin.open('编辑','{:url('index/device/device_category_edit?id='.$vo.id)}',600,400)" href="javascript:;">
                                                <i class="layui-icon">&#xe63c;</i></a>
                                            <a title="删除" onclick="member_del(this,'{$vo.id}')" href="javascript:;">
                                                <i class="layui-icon">&#xe640;</i></a>
                                        </td>
                                    </tr>
                                {/volist}
                                </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body ">
                            <div class="page">
                                {:$row->render()}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script>layui.use(['laydate', 'form'],
        function() {
            var laydate = layui.laydate;
            var form = layui.form;
            // 监听全选
            form.on('checkbox(checkall)', function (data) {
                if (data.elem.checked) {
                    $('tbody input').prop('checked', true);
                } else {
                    $('tbody input').prop('checked', false);
                }
                form.render('checkbox');
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });


    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            $.ajax({
                type: 'post',
                url: "{:url('index/device/device_category_del')}",
                data: {id: id},
                datatype: 'json',
                success: function (res) {
                    if (res.code === 0) {
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!', {icon: 1});
                    } else {
                        layer.msg(res.msg, {icon: 2});
                    }
                }
            });
        });
    }
    function delAll (argument) {
        var ids = [];

        // 获取选中的id
        $('tbody input').each(function(index, el) {
            if($(this).prop('checked')){
                ids.push($(this).val())
            }
        });

        layer.confirm('确认要删除吗？',function(index){
            //捉到所有被选中的，发异步进行删除
            $.ajax({
                type:'post',
                url:"{:url('index/device/device_category_del')}",
                data:{id:ids.toString()},
                datatype:'json',
                success:function (res) {
                    if (res.code===0){
                        $(".layui-form-checked").not('.header').parents('tr').remove();
                        layer.msg('已删除!',{icon:1,time:1000});
                    }else {
                        layer.msg('失败!',{icon:2,time:1000});
                    }
                }
            });
        });
    }
</script>

</html>